<script setup>
// 导入 computed 函数
import { computed, ref } from 'vue';
// 声明数据
const list = ref([1,2,3,4,5,6,7,8])
console.log(list)
console.log(list.value)

// 基于list派生一个计算属性，从list中过滤出 ＞ 2 的数
const computedState = computed(() => {
  return list.value.filter(item => item > 2)
})
</script>

<template>
  <div>
    <div>计算前的数据: {{ list }}</div>
    <div>计算后的数据: {{ computedState }}</div>
  </div>
</template>